<ui:composition template="../template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
	<ui:define name="localizacao">
		<h:outputText value="&#160;" />
		<a href="listarConcursos.xhtml"> Concursos</a>
		<h:outputText value="&#160;>&#160;" />
		<a href="detalhesConcurso.xhtml">#{concursoMB.concursoSelecionado.nome}</a>
		<h:outputText value="&#160;>&#160;" />
	</ui:define>
	<ui:define name="content">
		<p:ajaxStatus style="width:200px;height:200px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<h:graphicImage value="../public/images/loading45.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
		<h4>
			<b><h:outputText value="Concurso: " /></b>
			<h:outputText value="#{concursoMB.concursoSelecionado.nome}" />
		</h4>
		<p:panel id="a">
			<div id="info_concurso">
				<p:growl id="msgPaginaDisciplina" showDetail="true" sticky="false" life="4000" />
				<div>
					<b><h:outputText value="Cargo: " /></b>
					<h:outputText value="#{concursoMB.concursoSelecionado.cargo}" />
				</div>
				<div>
					<b><h:outputText value="Salário: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.salario != 0.0}"
						value="#{concursoMB.concursoSelecionado.salario} R$" />
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.salario == 0.0}" value="Campo não informado" />
					</font>
				</div>
				<div>
					<b><h:outputText value="Local da Prova: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.localProva ne ''}"
						value="#{concursoMB.concursoSelecionado.localProva}" />
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.localProva eq ''}" value="Campo não informado" />
					</font>
				</div>
				<div id="oculto" style="display: none;">
					<b><h:outputText value="Carga Horaria: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.horasTrabalho != 0}"
						value="#{concursoMB.concursoSelecionado.horasTrabalho}" />
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.horasTrabalho == 0}" value="Campo não informado" />
					</font>
				</div>
				<div id="oculto2" style="display: none;">
					<b><h:outputText value="Início das inscrições: " /></b>
					<h:outputText value="#{concursoMB.concursoSelecionado.inscricaoInicio}">
						<f:convertDateTime type="date" dateStyle="medium" />
					</h:outputText>
				</div>
				<div>
					<b><h:outputText value="Término das inscrições: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.inscricaoFim != null}"
						value="#{concursoMB.concursoSelecionado.inscricaoFim}">
						<f:convertDateTime type="date" dateStyle="medium" />
					</h:outputText>
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.inscricaoFim == null}" value="Campo não informado" />
					</font>
				</div>
				<div id="oculto3" style="display: none;">
					<b><h:outputText value="Data de liberação do cartao: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.dataLiberacaoCartao != null}"
						value="#{concursoMB.concursoSelecionado.dataLiberacaoCartao}">
						<f:convertDateTime type="date" dateStyle="medium" />
					</h:outputText>
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.dataLiberacaoCartao == null}"
							value="Campo não informado" />
					</font>
				</div>
				<div>
					<b><h:outputText value="Data da Prova: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.dataProva != null}"
						value="#{concursoMB.concursoSelecionado.dataProva}">
						<f:convertDateTime type="date" dateStyle="medium" />
					</h:outputText>
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.dataProva == null}" value="Campo não informado" />
					</font>
				</div>
				<div id="oculto4" style="display: none;">
					<b><h:outputText value="Nível: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.nivel != ''}"
						value="#{concursoMB.concursoSelecionado.nivel}" />
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.nivel == null}" value="Campo não informado" />
					</font>
				</div>
				<div id="oculto5" style="display: none;">
					<b><h:outputText value="Requisitos: " /></b>
					<h:outputText rendered="#{concursoMB.concursoSelecionado.requisitosCargo ne ''}"
						value="#{concursoMB.concursoSelecionado.requisitosCargo}" />
					<font color="red"> <h:outputText
							rendered="#{concursoMB.concursoSelecionado.requisitosCargo eq ''}"
							value="Campo não informado" />
					</font>
				</div>
				<div>
					<br />
				</div>
				<div>
					<h:form>
						<p:commandLink actionListener="#{concursoMB.urlAtualizarConcurso()}">
							<h:outputText value="Atualizar dados" />
						</p:commandLink>
					</h:form>
				</div>
			</div>
		</p:panel>

		<div id="conteudo_concurso">
			<br /> <a href="#" id="mostrar_info_concursos">Ver informações completas</a>
		</div>

		<br />
		<br />
		<h4>
			<b><h:outputText value="Anexos: " /></b>
		</h4>
		<h:form id="listaArquivos">
			<p:dataTable value="#{concursoMB.listaArquivos}" var="arquivo"
				emptyMessage="Nenhuma arquivo anexado" id="tabelaArquivos" style="width:70%"
				paginatorAlwaysVisible="false" paginatorPosition="bottom">
				<f:facet name="header">  
            		Arquivos anexos  
        		</f:facet>
				<p:column headerText="Arquivo">
					<h:outputText value="#{arquivo.nome}" />
				</p:column>
				<p:column headerText="Tipo de Arquivo">
					<h:outputText value="#{arquivo.tipoArquivo.nome}" />
				</p:column>
				<p:column headerText="Baixar" style="width:10%">
					<p:commandButton id="downloadLink" value="Download" ajax="false"
						actionListener="#{baixarArquivoMB.selecionarArquivo(arquivo)}" icon="ui-icon-arrowstop-1-s">
						<p:fileDownload value="#{baixarArquivoMB.file}" />
					</p:commandButton>
				</p:column>
				<p:column headerText="Remover" style="width:10%">
					<p:commandButton id="removerArquivo" value="Excluir"
						actionListener="#{adicionarArquivoMB.selecionarArquivo(arquivo)}" icon="ui-icon-trash"
						oncomplete="confirmationRemove.show()" update=":formRemoverArquivo">
					</p:commandButton>
				</p:column>
			</p:dataTable>
		</h:form>
		<h:form>
			<p:commandLink id="Disciplina"
				action="#{concursoMB.anexarArquivo(concursoMB.concursoSelecionado)}" value="Anexar Arquivo">
			</p:commandLink>
		</h:form>

		<br />
		<br />
		<h4>
			<b><h:outputText value="Conteudo Programático: " /></b>
		</h4>
		<b><h:outputText value="Disciplinas: " /></b>
		<h:form id="lista">

			<p:dataTable value="#{concursoMB.listaDisciplinas}" var="disciplina" id="lista_disciplina"
				emptyMessage="Nenhuma Disciplina cadastrada" paginator="true" rows="10" editable="true"
				paginatorTemplate="{PageLinks} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15"
				style="width:70%" draggableColumns="true" paginatorAlwaysVisible="false"
				paginatorPosition="bottom">

				<p:ajax event="rowEdit" listener="#{concursoMB.onEdit}" update=":msgPaginaDisciplina" />
				<f:facet name="header">  
            		Disciplinas Cadastradas  
        		</f:facet>

				<p:column headerText="Disciplina">

					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="#{disciplina.nome}" />
						</f:facet>
						<f:facet name="input">
							<p:inputText value="#{disciplina.nome}" style="width:100%" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column style="width:3%">
					<f:facet name="header">Editar</f:facet>
					<p:rowEditor />
				</p:column>

				<p:column style="width:15%">
					<f:facet name="header">Ações</f:facet>
					<p:commandButton id="detalhes"
						action="#{cadastrarDisciplinaMB.exibirDetalhesDisciplina(disciplina)}" icon="ui-icon-search"
						title="Ver Detalhes" actionListener="#{inserirConteudoMB.selecionarDisciplina(disciplina)}" />
					<p:commandButton id="delete" icon="ui-icon-trash" title="Excluir"
						oncomplete="confirmation.show()"
						actionListener="#{cadastrarDisciplinaMB.selecionarDisciplina(disciplina)}"
						update=":formRemover" />
					<p:commandButton id="Conteudo" icon="ui-icon-plusthick" title="Adicionar Conteudo"
						oncomplete="dlg.show()" process="@this" update=":form-conteudo"
						actionListener="#{inserirConteudoMB.selecionarDisciplina(disciplina)}">
					</p:commandButton>
					<p:commandButton id="referencia"
						action="#{cadastrarDisciplinaMB.exibirReferenciasDisciplina(disciplina)}"
						icon="ui-icon-search" title="Ver Referencias da disciplina"
						actionListener="#{referenciaMB.selecionarDisciplina(disciplina)}" />
				</p:column>
			</p:dataTable>
		</h:form>
		<p:dialog id="modalDialog" header="Cadastrar Conteúdo" widgetVar="dlg" modal="true">
			<h:form id="form-conteudo">
				<table>
					<tr>
						<td><h:outputText value="Nome:" /></td>
						<td><p:inputText id="nome" value="#{inserirConteudoMB.conteudo.nome}" required="true"
								requiredMessage="Campo Obrigatório" /></td>
						<td><p:message for="nome" /></td>
					</tr>
					<tr>
						<td><h:outputText value="Observação" /></td>
						<td><p:inputTextarea id="obs" value="#{inserirConteudoMB.conteudo.observacao}" /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><p:commandButton listener="#{form-conteudo}" value="Cadastrar"
								oncomplete="if (!args.validationFailed) $('#form-conteudo\\:link_cadConteudo').click()"
								update="form-conteudo" process="@form" /> <p:commandLink style="display:none"
								id="link_cadConteudo" actionListener="#{inserirConteudoMB.cadastrarConteudo()}"
								update="form-conteudo, :msgPaginaDisciplina" oncomplete="dlg.hide()" /></td>
					</tr>
				</table>
			</h:form>
		</p:dialog>

		<h:form id="formRemover">
			<p:confirmDialog id="confirmDialog"
				message="Excluir a disciplina: #{cadastrarDisciplinaMB.disciplinaSelecionada}" header="Certeza?"
				severity="alert" widgetVar="confirmation">

				<p:commandButton id="confirm" value="Sim" oncomplete="confirmation.hide()"
					action="#{cadastrarDisciplinaMB.excluirDisciplina()}"
					update=":lista:lista_disciplina, :msgPaginaDisciplina" />
				<p:commandButton id="decline" value="Nao" onclick="confirmation.hide()" type="button" />

			</p:confirmDialog>
		</h:form>

		<h:form id="formRemoverArquivo">
			<p:confirmDialog id="confirmDialog"
				message="Arquivo: #{adicionarArquivoMB.arquivoSelecionado.nome}"
				header="Tem Certeza que deseja excluir esse arquivo ?" severity="alert"
				widgetVar="confirmationRemove">
				<p:commandButton id="confirm" value="Sim" oncomplete="confirmationRemove.hide()"
					action="#{adicionarArquivoMB.removerArquivo()}"
					update=":formRemoverArquivo,:listaArquivos:tabelaArquivos,:msgPaginaDisciplina" />
				<p:commandButton id="decline" value="Não" onclick="confirmationRemove.hide()" type="button" />
			</p:confirmDialog>
		</h:form>


		<h:form>
			<p:commandButton id="Disciplina" oncomplete="dlg2.show()" value="Cadastrar Disciplina"
				icon="ui-icon-plusthick" process="@this" update=":modalDialog2" styleClass="ui-priority-primary">
			</p:commandButton>
		</h:form>

		<p:dialog id="modalDialog2" header="Cadastrar Disciplina" widgetVar="dlg2" modal="true"
			height="140" width="450">
			<h:form id="form-disciplina">
				<table>
					<tr>
						<td><h:outputText value="Nome:" /></td>
						<td><p:inputText id="nome" value="#{concursoMB.disciplina.nome}" required="true"
								requiredMessage="Campo Obrigatório" /></td>
						<td><p:message for="nome" /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td><p:commandButton listener="#{form-disciplina}" value="Cadastrar"
								oncomplete="if (!args.validationFailed) $('#form-disciplina\\:link_cadDisciplina').click()"
								update="form-disciplina" process="@form" styleClass="ui-priority-primary" /> <p:commandLink
								style="display:none" id="link_cadDisciplina"
								actionListener="#{concursoMB.cadastrarDisciplina()}"
								update="form-disciplina, :msgPaginaDisciplina,:lista:lista_disciplina"
								oncomplete="dlg2.hide()" /></td>
					</tr>
				</table>
			</h:form>
		</p:dialog>

	</ui:define>
</ui:composition>